// 首页相关js
var url;

layui.config({
    base: '/js/user/' //扩展插件所在的目录
}).extend({ //设定模块别名
    Swiper: 'swiper/swiper' //如果 swiper.js 是在根目录，也可以不用设定别名
});


layui.use(['carousel', 'table', 'util', 'Swiper', 'jquery_dotdotdot_min_js', 'element'], function () {
    var carousel = layui.carousel,
        table = layui.table,
        element = layui.element,
        $ = layui.jquery,
        Swiper = layui.Swiper,
        jquery_dotdotdot_min_js = layui.jquery_dotdotdot_min_js;

    //点击换页
    $(".active").click(function () {
        $("#demoAdmin").attr({src: "/sys/index_main", style: "width: 100%; height: 100%;"})
    });
    $(".all").click(function () {
        $("#demoAdmin").attr({src: "/sys/index_all", style: "width: 100%; height: 225%;"})
    });
    $(".food").click(function () {
        $("#demoAdmin").attr({src: "/sys/index_food", style: "width: 100%; height: 125%;"})
    });
    $(".car").click(function () {
        $("#demoAdmin").attr({src: "/sys/index_car", style: "width: 100%; height: 100%;"})
    });
    $(".order-history").click(function () {
        $("#demoAdmin").attr({src: "/user/orderHistory", style: "width: 100%; height: 100%;"})
    });

    //建造轮播实例
    carousel.render({
        elem: '#jsSwiper',
        width: '100%', //设置容器宽度
        height: '268px', //设置容器高度
        arrow: 'none' //始终显示箭头
    });
    //建造上下滚动公告实例
    carousel.render({
        elem: '#jsNotice',
        width: '446px', //设置容器宽度
        height: '38px', //设置容器高度
        arrow: 'none', //始终显示箭头
        anim: 'default', //切换动画方式
        indicator: 'none',
    });
    var swiper = new Swiper('.we-two__container', {
        slidesPerView: 7,
        spaceBetween: 50,
        loop: true,
        navigation: {
            nextEl: '.we-two__next',
            prevEl: '.we-two__prev',
        },
    });
    //将最近更新的静态表格数据转化为数据表格
    table.init('updateBook', {
        limit: 20 //注意：请务必确保 limit 参数（默认：10）是与你服务端限定的数据条数一致
        //支持所有基础参数
    });
    //监听行单击事件（单击事件为：rowDouble）
    table.on('row(updateBook)', function (obj) {
        var data = obj.data;
        //标注选中样式
        obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');

        // 此处可添加单行点击时的响应事件

        // layer.alert(JSON.stringify(data), {
        //   title: '当前行数据：'
        // });
    });

    $(document).ready(function () {
        //多行溢出省略号
        if ($(".bookelip").length) {
            $(".bookelip").dotdotdot({
                after: 'span.layui-badge',
                watch: true,
            });
        }
        if ($(".book-info h3 a").length) {
            $(".book-info h3 a").dotdotdot({
                height: 20,
                fallbackToLetter: true,
                watch: true,
            });
        }
        if ($(".recs .list .cont h2").length) {
            $(".recs .list .cont h2").dotdotdot({
                fallbackToLetter: true,
                watch: true,
            });
        }


    });

});
//清空提示
function cls() {
    $("#label_pwd").html("")
}

//提交密码
function sub() {
    var loginPwd = $("#loginPwd").val();
    var newPwd = $("#newPwd").val();
    var userId = $("#userId").val();
    var pwd =$("#userPwd").val();
    if (loginPwd == null ){
        $("#label_pwd").html("原密码不能为空！")
    }else if (newPwd == null){
        $("#label_pwd").html("新密码不能为空！")
    }  else {
        var hash = md5(loginPwd);
        if (hash == pwd){
            $.post("/user/update", {"userId":userId,"loginPwd":newPwd} ,function(d) {
                layer.msg("修改成功！")
                setTimeout(function(){
                    layer.closeAll();
                },500);
            })
        } else {
            $("#label_pwd").html("密码错误！")
        }
    }

}

//修改密码弹出框
function add() {
    //弹出修改框
    layer.open({
        type:1
        , title:"修改密码"
        , content:$("#addOrUpdateDiv")
        , area : ['400px', '300px']
        , offset: ['200px', '500px']
        , success:function(layero, index) {
            $("#loginPwd").val("");
            $("#newPwd").val("");
            $("#label_pwd").html("")
        }

    })
}